<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" >
<body>
<div th:fragment="head"> <!--th:fragment 引用标签-->
    <div class="wrapper">

        <!-- 页面头部 -->
        <header class="main-header">

            <!-- Logo -->
            <a th:href="all-admin-index.html" class="logo">
                <!-- mini logo for sidebar mini 50x50 pixels -->
                <span class="logo-mini"><b>工单</b></span>
                <!-- logo for regular state and mobile devices -->
                <span class="logo-lg"><b>工单</b>管理系统</span>
            </a>

            <!-- Header Navbar: style can be found in header.less -->
            <nav class="navbar navbar-static-top">
                <!-- Sidebar toggle button-->
                <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
            <span class="sr-only">Toggle navigation</span>
        </a>

                <div class="navbar-custom-menu">
                    <ul class="nav navbar-nav">
                        <!-- User Account: style can be found in dropdown.less -->
                        <li class="dropdown user user-menu">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        <img src="/img/user2-160x160.jpg" class="user-image" alt="User Image">
                        <span class="hidden-xs">张三</span>
                    </a>
                            <ul class="dropdown-menu">
                                <!-- User image -->
                                <li class="user-header">
                                    <img src="/img/user2-160x160.jpg" class="img-circle" alt="User Image">

                                    <p>
                                        张三 - 工单管理员
                                        <small>最后登录 11:20AM</small>
                                    </p>
                                </li>
                                <!-- Menu Body -->
                                <!-- Menu Footer-->
                                <li class="user-footer">
                                    <div class="pull-left">
                                        <a href="#" class="btn btn-default btn-flat">修改密码</a>
                                    </div>
                                    <div class="pull-right">
                                        <a href="#" class="btn btn-default btn-flat">注销</a>
                                    </div>
                                </li>
                            </ul>
                        </li>

                    </ul>
                </div>
            </nav>
        </header>
        <!-- 页面头部 /-->

        <!-- 导航侧栏 -->
        <aside class="main-sidebar" >
            <!-- sidebar: style can be found in sidebar.less -->
            <section class="sidebar">
                <!-- Sidebar user panel -->
                <div class="user-panel">
                    <div class="pull-left image">
                        <img src="/img/user2-160x160.jpg" class="img-circle" alt="User Image">
                    </div>
                    <div class="pull-left info">
                        <p>张三</p>
                        <a href="#"><i class="fa fa-circle text-success"></i> 在线</a>
                    </div>
                </div>

                <ul class="sidebar-menu">
                    <li class="header">菜单</li>

                    <li id="admin-index">
                        <a th:href="@{http://localhost:8080/index}"><i class="fa fa-dashboard"></i> <span>首页</span></a>
                    </li>
                    <li id="admin-plans">
                        <a th:href="@{http://localhost:8080/plans}"><i class="fa fa-cube"></i> <span>在途工单</span></a>
                    </li>
                    <li id="admin-dolist">
                        <a th:href="@{http://localhost:8080/handle/dolist}"><i class="fa fa-cube"></i> <span>待处理工单</span></a>
                    </li>
                    <li id="admin-alreadydo">
                        <a th:href="@{http://localhost:8080/alreadydo}"><i class="fa fa-cube"></i> <span>已处理工单</span></a>
                    </li>
                    <li id="admin-allorder">
                        <a th:href="@{http://localhost:8080/allorder}"><i class="fa fa-cube"></i> <span>全部工单</span></a>
                    </li>
                    <li id="admin-map">
                        <a th:href="@{http://localhost:8080/map}"><i class="fa fa-cube"></i> <span>工单路线规划</span></a>
                    </li>
                    <li id="admin-index">
                        <a href="#"><i class="fa fa-cube"></i> <span>后台页面</span></a>
                    </li>
                    <li id="admin-index">
                        <a href="#"><i class="fa fa-cube"></i> <span>后台页面</span></a>
                    </li>
                    <li id="admin-more">
                        <a href="#"><i class="fa fa-cube"></i> <span>敬请期待</span></a>
                    </li>
                </ul>
            </section>
            <!-- /.sidebar -->
        </aside>
        <!-- 导航侧栏 /-->
    </div>
</div>